<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.text.DateFormat"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" session="true"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<div id="top" class="list_top">

<div id="mb-container">
	<div class="header_bg">
    	<span>Sign Up for an Account</span>
    	
    </div>
    <div id="fb-content">
    	<div class="whyFacebook">Sign in to your account with Facebook. <a href="#">Why use Facebook to sign in?</a></div>
        <div class="clear">&nbsp;</div>
        <a class="fb-button" href="#" rel="fb-login" style="margin:0 0 50px 200px;">
         	<div class="logo"></div>
            <div class="text"><strong>Sign in with Facebook
</strong></div></a>
    </div>
    <div class="clear"></div>
    <div class="half-round">or</div>
    <div class="errorMsg">${passwordError}</div>
    <div class="errorMsg">${emailError}</div>
    <div class="form-title"> Create a HomeAway Account using your email address. </div>
    <s:actionerror />
    <%
    DateFormat df = new SimpleDateFormat("dd/MM/yy");
    String formattedDate = df.format(new Date());
    %>
	<s:form action="doTravellerRegister" method="post">

		<input type="hidden" name="basicProfile.usertype"  value="1" />
	    <input type="hidden" name="basicProfile.creationdate" value="<%= formattedDate  %>"/>
    <div class="gry-input">
    	<input type="text" name="basicProfile.firstname" class="inputbox" placeholder="First" style="margin-bottom:10px; width:220px; float:left; margin-right: 30px;"/>
        <input type="text" name="basicProfile.lastname" class="inputbox" placeholder="Last" style="width:220px; float:left;"/>
        <input type="text" name="basicAddress.mobile" class="inputbox" placeholder="Mobile Number" style="margin-bottom:10px; width:290px; float:left; margin-right: 30px;"/>
        <input type="text" name="basicProfile.emailId" class="inputbox" placeholder="Email Address" style="margin-bottom:10px; width:290px; float:left; margin-right: 30px;"/>
        <input type="password" name="basicCredential.password" class="inputbox" placeholder="Password" style="margin-bottom:10px; width:290px; float:left; margin-right: 30px;"/>
        <input type="password" name="conformPassword" class="inputbox" placeholder="Conform Password" style=" width:290px; float:left; margin-right: 30px;"/>
        <div class="pwd-hint"> Use 7-32 characters and at least one number </div>
    </div>
   	<div>
        <div class="legal-hint">By clicking on "Sign up" or "Connect with Facebook," you confirm that you accept the <a target="new" href="#">Terms and Conditions and Privacy Policy</a>.</div>
        <input type="submit"  value="SIGN IN" class="buttons" style="margin-top: 10px; margin-left: 80px;">
    </div>
    </s:form>
    <div class="clear"></div>
    <div class="new-swap-modes"> Already a member? <a href="travellerLogin" tabindex="-1">Sign in to continue.</a></div>			
</div>
</div>
